<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>地址管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../component/elementUI/index.css">
    <link rel="stylesheet" href="../../../component/pear/css/pear.css" />
    <link rel="stylesheet" href="../../../style/wangeditor.css">
    <link rel="stylesheet" href="../../../style/free.css">
</head>

<body>
    <div id="app" v-cloak>
        <el-row style="padding-bottom: 120rem;"> 
            <!-- 列表 -->
            <el-col :xs="24">
                <div class="w-100" style="height:calc(100vh - 120rem);overflow-y: auto;" @scroll="handleScroll">
                    <div v-for="(item, index) in tableData" :key="index" class="m-2 flex flex-column rounded-lg bg-white shadow">
                        <div @click="handleChange(item)" class="mx-2 py-2 bg-white rounded flex align-center position-relative">
                            <div class="flex flex-column w-100">
                                <span class="font font-weight-bold">{{item.Province}}{{item.City}}{{item.County}}{{item.Detailed_Address}}</span>
                                <span class="mt-2 font-sm text-muted">{{item.Name}} {{item.Phone}}</span>
                            </div>
                            <el-tag v-show="item.isDefault=='1'" class="font-sm position-absolute" style="right: 20rem; bottom: 20rem;" size="mini" type="danger">默认</el-tag>
                        </div>
                        <div v-if="type=='0'" class="border-top flex"  style="height: 70rem;">
                            <div class="w-100 border-right font flex justify-center align-center text-success">
                                <i class="el-icon-edit"></i>
                                <span class="ml-1">编辑</span>
                            </div>
                            <div class="w-100 font flex justify-center align-center text-danger">
                                <i class="el-icon-delete"></i>
                                <span  class="ml-1">删除</span>
                            </div>
                        </div>
			        </div>
                    <div class="font-sm text-muted text-center mb-2" v-show="tableData.length == total">
                        <el-empty v-show="tableData.length == 0" description="暂无更多数据"></el-empty>
                        <span v-show="tableData.length != 0">暂无更多数据</span>
                    </div>
                </div>
            </el-col>
            <el-col :xs="24">
                <div class="flex align-center bg-white fixed-bottom shadow" style="height: 120rem;">
                    <div @click="handleAdd" class="mx-2 bg-success w-100 flex justify-center align-center text-white rounded-circle "  style="height: 80rem;">
                        <span class="font font-weight-bold">添加地址</span>
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
    <script type="text/javascript" src="../../../utils/wangeditor.js"></script>
    <script type="text/javascript" src="../../../utils/xlsx.full.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../../utils/vuex.min.js"></script>
    <script type="text/javascript" src="../../../component/elementUI/index.js"></script>
    <script type="text/javascript" src="../../../utils/jweixin.js"></script>
    <script type="text/javascript" src="../../../utils/components.js"></script>
    <script type="text/javascript" src="../../../utils/compressor.js"></script>
    <script type="text/javascript" src="../../../utils/validity.js"></script>
    <script type="text/javascript" src="../../../utils/utils.js"></script>
    <script type="text/javascript" src="../../../utils/http.js"></script>
    <script type="text/javascript" src="js/my-address.js"></script>
</body>

</html>